<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- SEO优化 -->
    <title>品优购-正品低价、品质保障、配送及时、轻松购物！</title>
    <meta name="description"
        content="品优购-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <meta name="Keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡" />
    <!-- ico图标 -->
    <link rel="shortcut icon" href="images/bitbug_favicon.ico">
    <link rel="stylesheet" href="CSS/base.css">
    <link rel="stylesheet" href="CSS/common.css">
    <link rel="stylesheet" href="CSS/index.css">

</head>

<body>
    <!-- shortcut -->
    <div class="shortcut">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>
                        <a href="login.html">请登录</a>
                        <a href="register.html" class="style_red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="#">我的订单</a></li>
                    <li><a href="#" class="inco">我的品优购</a></li>
                    <li><a href="#">品优购会员</a></li>
                    <li><a href="#">企业采购</a></li>
                    <li><a href="#" class="inco">关注品优购</a></li>
                    <li><a href="#" class="inco">客户服务</a></li>
                    <li><a href="#" class="last inco">网站导航</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- header -->
    <div class="header">
        <div class="w clearfix">
            <!-- logo制作 SEO优化-->
            <div class="logo">
                <h1>
                    <a href="index.html" title="品优购商城">品优购商城</a>
                </h1>
            </div>
            <div class="search clearfix">
                <input type="text" placeholder="请输入内容" class="search_text">
                <button>搜索</button>
                <div class="nav_bottom">
                    <ul>
                        <li><a href="#" class="style_red">优惠购首发</a></li>
                        <li><a href="#">亿元优惠</a></li>
                        <li><a href="#">9.9元团购</a></li>
                        <li><a href="#">美满99减30</a></li>
                        <li><a href="#">办公用品</a></li>
                        <li><a href="#">电脑</a></li>
                        <li><a href="#">通信</a></li>
                    </ul>
                </div>
            </div>
            <div class="shopcar">
                <a href="shoppingCar.html"><span>我的购物车</span></a>
                <div class="infor"><i>8</i></div>
            </div>
        </div>
    </div>

    <!-- main -->
    <div class="main clearfix">
        <div class="top w clearfix">
            <div class="sort">
                <h2>全部商品分类</h2>
            </div>
            <div class="main_nav">
                <ul>
                    <li><a href="javascript:;">服装城</a></li>
                    <li><a href="javascript:;">美妆馆</a></li>
                    <li><a href="javascript:;">传智超市</a></li>
                    <li><a href="javascript:;">全球购</a></li>
                    <li><a href="javascript:;">闪购</a></li>
                    <li><a href="javascript:;">团购</a></li>
                    <li><a href="javascript:;">拍卖</a></li>
                    <li><a href="javascript:;">有趣</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 广告图及其他 -->
    <div class="content w clearfix">
        <div class="content_nav">
            <ul>
                <li><a href="list.html?keywords=电器">家用电器</a></li>
                <li><a href="list.html?keywords=手机">手机、数码、通信</a></li>
                <li><a href="list.html?keywords=电脑">电脑、办公</a></li>
                <li><a href="list.html?keywords=家居">家居、家具、家装、厨具</a></li>
                <li><a href="list.html?keywords=男装">男装、女装、童装、内衣</a></li>
                <li><a href="list.html?keywords=化妆">个户化妆、清洁用品、宠物</a></li>
                <li><a href="list.html?keywords=鞋靴">鞋靴、箱包、珠宝、奢侈品</a></li>
                <li><a href="list.html?keywords=运动">运动户外、钟表</a></li>
                <li><a href="list.html?keywords=汽车">汽车、汽车用品</a></li>
                <li><a href="list.html?keywords=母婴">母婴、玩具乐器</a></li>
                <li><a href="list.html?keywords=食品">食品、酒类、生鲜、特产</a></li>
            </ul>
        </div>
        <div class="banner">
            <!-- 左侧按钮 -->
            <a href="javascript:" class="arrow-l">
                &lt;
            </a>
            <!-- 右侧按钮 -->
            <a href="javascript:" class="arrow-r">&gt;</a>
            <ul>
                <li>
                    <a href="#"><img src="uplode/banner.png"></a>
                </li>
                <li>
                    <a href="#"><img src="uplode/focus1.jpg"></a>
                </li>
                <li>
                    <a href="#"><img src="uplode/focus2.jpg"></a>
                </li>
                <li>
                    <a href="#"><img src="uplode/focus3.jpg"></a>
                </li>
            </ul>
        </div>
        <div class="content_new">
            <div class="new_title">
                <h3>品优购快报</h3>
            </div>
            <div class="new_notic">
                <ul>
                    <li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码得得得得得得</a></li>
                    <li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码</a></li>
                    <li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码</a></li>
                    <li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码</a></li>
                    <li><a href="#"><strong>[特惠]</strong>备战开学季 全民半价购数码得得得得</a></li>
                </ul>
            </div>
            <div class="app">
                <ul>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                    <li>
                        <h4>话费</h4>
                    </li>
                </ul>
            </div>
            <div class="autumn">
                <img src="images/autumn_03.png" alt="">
            </div>
        </div>
    </div>

    <!-- 今日推荐 -->
    <div class="recommend">
        <div class="w">
            <div class="today"></div>
            <div class="product">
                <ul>
                    <li>
                        <img src="uplode/pen.png" alt="">
                        <h3>优质好货</h3>
                        <p>满300减100</p>
                        <span>满500减200</span>
                    </li>

                    <li>
                        <img src="uplode/shkir.png" alt="">
                        <h3>优质好货</h3>
                        <p>满300减100</p>
                        <span>满500减200</span>
                        <h5>团购</h4>
                    </li>
                    <li>
                        <img src="uplode/towel.png" alt="">
                        <h3>优质好货</h3>
                        <p>低至3.6折</p>
                        <span>满500减200</span>
                        <h5>闪购</h4>
                    </li>
                    <li>
                        <img src="uplode/watch.png" alt="">
                        <h3>优质好货</h3>
                        <p>满300减100</p>
                        <span>满500减200</span>
                        <h5>团购</h4>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 猜你喜欢 -->
    <div class="like">
        <div class="w">
            <div class="title">
                <h2>猜你喜欢</h2>
                <a href="#">换一批</a>
            </div>
            <div class="product_b">
                <ul>
                    <li>
                        <div class="count">
                            <h3>品优秒杀</h3>
                            <p><strong>16:00</strong> 点场 倒计时</p>
                            <div class="sbox">
                                <span class='hour'>1</span>
                                <span class='minute'>2</span>
                                <span class='second'>3</span>
                            </div>
                        </div>
                    </li>
                    <li>
                        <img src="https://image3.suning.cn/uimg/b2c/newcatentries/0070125607-000000000638944387_1_800x800.jpg"
                            alt="">
                        <div class="present">
                            <p>华硕(ASUS) 傲世</p>
                            <p>23.8英寸一体机电脑 微边框3</p>
                            <span>¥558.00</span>
                        </div>
                    </li>
                    <li>
                        <img src="https://image1.suning.cn/uimg/b2c/newcatentries/0070067457-000000000106196180_1_800x800.jpg"
                            alt="">
                        <div class="present">
                            <p>名龙堂(MLOONG)i7</p>
                            <p>7700/GTX1060-6G/独显四核</p>
                            <span>¥5299.00</span>
                        </div>
                    </li>
                    <li>
                        <img src="https://image2.suning.cn/uimg/b2c/newcatentries/0000000000-000000000183555428_2_800x800.jpg"
                            alt="">
                        <div class="present">
                            <p>小米（MI）小米便携鼠标</p>
                            <p>智能轻薄便携 无线+蓝牙双连接</p>
                            <span>¥99.00</span>
                        </div>
                    </li>
                    <li>
                        <img src="https://image4.suning.cn/uimg/b2c/newcatentries/0070149661-000000000613290004_1_800x800.jpg"
                            alt="">
                        <div class="present">
                            <p>黑貂无线电竞</p>
                            <p>键盘鼠标套装</p>
                            <span>¥881.00</span>
                        </div>
                    </li>
                    <li>
                        <img src="uplode/tb_01.png" alt="">
                        <div class="present last">
                            <p>阳光美包新款单肩包女</p>
                            <p>包时尚子母包四件套女</p>
                            <span>¥116.00</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 传智播客 有趣区 -->
    <div class="interesting">
        <div class="w">
            <div class="title_01">
                <h2>传智播客 有趣区</h2>
            </div>

            <div class="sell">
                <h3>传智播客好书榜</h3>
                <p>畅销推荐低至一折</p>
                <img src="uplode/sell.png" alt="">
            </div>

            <!-- 好东西 -->
            <div class="good">
                <div class="title_02">
                    <h3>好东西</h3>
                </div>
                <!-- 键盘 -->
                <div class="clavier">
                    <h5>达人推荐</h5>
                    <p>雷神金属机械键盘</p>
                    <p class="last">与你相见恨晚</p>
                </div>
                <!-- 发现好物 -->
                <div class="function">
                    <h5>发现好物</h5>
                    <p>一不小心霸气外露</p>
                    <p class="last">等你来</p>
                </div>
            </div>
            <!-- 品牌街 -->
            <div class="brand clearfix">
                <div class="title_03">
                    <h3>品牌街</h3>
                </div>
                <!-- 苏泊尔 -->
                <div class="su">
                    <h5>苏泊尔</h5>
                    <p>返场大秀场</p>
                    <p class="last">爆品直降100元</p>
                </div>
                <!-- shoes -->
                <div class="shoes">
                    <h5>国际大牌</h5>
                    <p>adidas</p>
                    <p class="last">部分3免1</p>
                </div>
                <!-- 耐克 -->
                <div class="nike">
                    <h5>本周特卖</h5>
                    <P>大牌折扣</P>
                    <p class="last">每周上新</p>
                </div>
            </div>
            <!-- 品牌 -->
            <div class="trademark">
                <ul>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                    <li><img src="uplode/huawei.png" alt=""></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 楼层区 -->
    <div class="floor w">
        <div class="household">
            <div class="wa">
                <div class="house_td">
                    <h3>家用电器</h3>
                    <div class="table_list">
                        <ul>
                            <li><a href="#" class="first">热门 </a></li>
                            <li><a href="#">大家电 </a></li>
                            <li><a href="#">生活电器 </a></li>
                            <li><a href="#">厨房电器 </a></li>
                            <li><a href="#">个护健康 </a></li>
                            <li><a href="#">应季电器 </a></li>
                            <li><a href="#">空气/净水 </a></li>
                            <li><a href="#">新奇特</a></li>
                            <li><a href="#" class='last'>高端电器</a></li>
                        </ul>
                    </div>
                </div>
                <div class="house_bd">
                    <div class="table_content">
                        <div class="table_list_item">
                            <div class="col_211">
                                <ul>
                                    <li><a href="#">节能补贴</a></li>
                                    <li><a href="#">节能补贴</a></li>
                                    <li><a href="#">节能补贴</a></li>
                                    <li><a href="#">节能补贴</a></li>
                                    <li><a href="#">节能补贴</a></li>
                                    <li><a href="#">节能补贴</a></li>
                                </ul>
                                <img src="uplode/tv.png" alt="">
                            </div>
                            <div class="col_329">
                                <p>烧水壶智能光控泡茶壶茶具套装<br> 满299.00减40.00
                                </p>
                                <img src="uplode/kettle.png" alt="">
                                <div class="box">
                                    <div class="box1 circle"></div>
                                    <div class="box2 circle"></div>
                                    <div class="box3 circle"></div>
                                </div>
                            </div>
                            <div class="col_221">
                                <img src="images/col_03.png" alt="">
                            </div>
                            <div class="col_221">
                                <img src="images/col_04_03.png" alt="">
                            </div>
                            <div class="col_219">
                                <img src="images/col_05_03.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <ul class="for_you_goodslist">

        </ul>
    </div>

    <!-- 固定电梯导航 -->
    <div class="fixedtool">
        <ul>
            <li class="current">家用电器</li>
            <li>手机通讯</li>
            <li>电脑办公</li>
            <li>精品家具</li>

        </ul>
    </div>

    <!-- footer -->
    <div class="footer">
        <div class="w">
            <div class="guarantee">
                <ul>
                    <li>
                        <span class="span1"></span>
                        <h3>正品保障</h3>
                        <p>正品保障，提供发票</p>
                    </li>
                    <li>
                        <span class="span2"></span>
                        <h3>正品保障</h3>
                        <p>正品保障，提供发票</p>
                    </li>
                    <li>
                        <span class="span3"></span>
                        <h3>正品保障</h3>
                        <p>正品保障，提供发票</p>
                    </li>
                    <li>
                        <span class="span4"></span>
                        <h3>正品保障</h3>
                        <p>正品保障，提供发票</p>
                    </li>
                    <li>
                        <span class="span5"></span>
                        <h3>正品保障</h3>
                        <p>正品保障，提供发票</p>
                    </li>
                </ul>
            </div>

            <div class="about">
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>购物流程</dd>
                    <dd>会员介绍</dd>
                    <dd>生活旅行/团购</dd>
                    <dd>常见问题</dd>
                    <dd>大家电</dd>
                    <dd>联系客服</dd>
                </dl>
                <dl>
                    <dt>帮助中心</dt>
                    <img src="images/wx_cz.jpg" alt="">
                    <dd>品优购客户端</dd>
                </dl>
            </div>

            <div class="copyright ">
                <ul class="clearfix">
                    <li><a href="#">关于我们</a></li>
                    <li><a href="#">联系我们</a></li>
                    <li><a href="#">联系客服</a></li>
                    <li><a href="#">商家入驻</a></li>
                    <li><a href="#">营销中心</a></li>
                    <li><a href="#">手机品优购</a></li>
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">销售联盟</a></li>
                    <li><a href="#">品优购社区</a></li>
                    <li><a href="#">品优购公益</a></li>
                    <li><a href="#">English Site</a></li>
                    <li><a href="#">Contact U</a></li>
                </ul>
                <p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
                <p>京ICP备08001421号京公网安备110108007702</p>
            </div>
        </div>
    </div>
</body>
<script src="./js/jquery-3.6.0.js"></script>
<script src="./js/layer/dist/layer.js"></script>
<script src="./js/utils.js"></script>
<script src="./js/index.js"></script>

</html>